<template>
  <div>
        我是子组件 {{ n }}
  </div>
</template>

<script>
export default {
    props:["n"],
    beforeCreate(){
        console.log("a")
    },
    created(){
        console.log("b")
    },
    beforeMount() {
        console.log("c")
    },
    mounted() {
        console.log("d")
    },
    beforeUpdate() {
        console.log("e")
    },
    updated() {
        console.log("f")
    },
    beforeDestroy() {
        console.log("g")
    },
    destroyed() {
        console.log("h")
    },
};
</script>

<style></style>
